<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        body {
            min-height: 100vh;
            background-color: #abefe9;
        }

        body>div {
            margin: 5px;
            border: #bfa 3px solid;
            background-color: #FFCCCC;
        }

        hr {
            background-color: red;
            height: 1px;
            border: 0;
        }
    </style>
</head>

<body>
    <form action="目标服务器">
        <!-- autocomplete="off"关闭自动补全 -->
        <!-- readonly 只读
             disabled 禁用，数据不会提交
             autofocus 自动获取焦点
         -->
        <input type="text"  name="username" placeholder="请输入用户名" autofocus>
        <br>
        <input type="password" name="pwd" placeholder="请输入密码">
        <br>
        <input type="submit" value="这个点了就提交">
        <br>
        <input type="button" value="这个点了没有用">
        <br>
        <input type="reset" value="这个点了就重置">
        <br><br>
        <button type="submit">这个点了就提交</button>
        <br>
        <button type="button">这个点了没有用</button>
        <br>
        <button type="reset">这个点了就重置</button>
        <br><br>
        <input type="color" name="yanse">
        <hr>
        单选
        <input type="radio" name="danxuan" value="1">
        <input type="radio" name="danxuan" value="2">
        <input type="radio" name="danxuan" value="3" checked>
        <input type="radio" name="danxuan" value="4">
        <hr>
        多选
        <input type="checkbox" name="fuxuankuang" value="1">
        <input type="checkbox" name="fuxuankuang" value="2" checked>
        <input type="checkbox" name="fuxuankuang" value="3" checked>
        <input type="checkbox" name="fuxuankuang" value="4">
        <hr>
        下拉框
        <select name="xialabiaodan">
            <option value="v1">选项一</option>
            <option value="v2">选项二</option>
            <option value="v3">选项三</option>
            <option value="v4">选项四</option>
            <option value="v5">选项五</option>
        </select>
    </form>

</body>

</html>